<template>
	<view class="container">
		<view>
			<Wave></Wave>
		</view>
		 <view class="bottom-menu">
			 <UtilCom />
			<IntroCom />
		 </view>
	</view>
</template>

<script>
import { statusBarHeight } from '@/assets/utils/device.js'
import fishingCom from "../components/fishing.vue";
import IntroCom from '../components/menuBar/intro/index.vue'
import UtilCom from '../components/menuBar/tools/index.vue'
import Wave from '../fishing/components/lake/wave.vue'
export default {
	components: {
		fishingCom,
		IntroCom,
		UtilCom,
		Wave
	},
	data() {
		return {
			statusBarHeight
		}
	},
	onLoad(options) {
		console.log(statusBarHeight)
	}
}
</script>

<style lang="less" scoped>
@import url(../../assets/styles/common.less);

.container {
	position: fixed;
	width:100vw;
	height: 100vh;
	top: 0;
	left: 0;
	.bottom-menu{
		width:100vw;
		position: fixed;
		bottom: 30rpx;
		background-color: antiquewhite;
	}
}
</style>